<template>
  <div class="swiper">
    <swiper :options="swiperOption">
      <swiper-slide v-for="(v,i) in swiper" :key='i' v-if="swiper.length">
        <img
          :src='v.imgUrl' 
        />
      </swiper-slide>
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
  </div>
</template>
<script>
export default {
  name: "swipers",
  data() {
    return {
      swiperOption: {}
    };
  },props:['swiper']
};
</script>

<style scoped>
.swiper {
  width: 100%;
  height: 3rem;
}
img {
  width: 100%;
  height: 3rem;
}
</style>